<link rel="stylesheet" type="text/css" href="/css/chosen.css" media="screen, projection" />
<script charset="utf-8" src="/js/kindeditor-min.js" type="text/javascript"></script>
<script charset="utf-8" src="/js/kindeditor_zh_TW.js" type="text/javascript"></script>
<script src="/js/chosen.jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
	$(function(){
			KindEditor.ready(function(K) {
				K.create('#camIntro', {
					width: '100%',
					langType : 'zh_TW',
					items : [
                'source', '|', 'fullscreen', 'undo', 'redo', 'print', 'cut', 'copy', 'paste',
                'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
                'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
                'superscript', '|', 'selectall', '|',
                'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
                'italic', 'underline', 'strikethrough', 'removeformat', '|',
                'flash', 'media', 'table', 'hr', 'link', 'unlink' ]
				});
				K.create('#camRules', {
					width: '100%',
					langType : 'zh_TW',
					items : [
                'source', '|', 'fullscreen', 'undo', 'redo', 'print', 'cut', 'copy', 'paste',
                'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
                'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
                'superscript', '|', 'selectall', '|',
                'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
                'italic', 'underline', 'strikethrough', 'removeformat', '|',
                'flash', 'media', 'table', 'hr', 'link', 'unlink' ]
				});
				K.create('#camNotes', {
					width: '100%',
					langType : 'zh_TW',
					items : [
                'source', '|', 'fullscreen', 'undo', 'redo', 'print', 'cut', 'copy', 'paste',
                'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
                'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
                'superscript', '|', 'selectall', '|',
                'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
                'italic', 'underline', 'strikethrough', 'removeformat', '|',
                'flash', 'media', 'table', 'hr', 'link', 'unlink' ]
				});								
			});			
		$(".chzn-select").chosen();
		$("ul.cam_type_ul > li").click(function(){
			$("ul.cam_type_ul > li").removeClass("inhover");
			$(this).addClass("inhover");
			$("#camType").val($(this).attr("rel"));
		});
		$("#actionfrm").submit(function(){
			$("span.error").html('');
      if ($.trim($("#camCateId").val()) == "") {
				$(".camCateId").html('活動類型 不可為空');
				$("#camCateId").focus();
				return false;
			}
      if ($.trim($("#camTitle").val()) == "") {
				$(".camTitle").html('活動主題 不可為空');
				$("#camTitle").focus();
				return false;
			}
			return true;
		});
	});
</script>
<div id="wrapper">
	
	<div id="main_content" class="left">
		
		<div id="con_mainbox">
			<div id="con_mainbox_in">
					
					<ul class="mainbox_curlink">
						<li class="left"><a href="/index.html"> 首頁 </a></li>
						<li class="left"><a href="/dashboard/campaign.html"> 舉辦活動 </a></li>
						<li class="left"><span> <{$aryClient.cunit}> </span></li>
					</ul>		
					
					<div id="cam_mainbox_bk" class="clear">
						
<form name="actionfrm" id="actionfrm" method="POST">	
<input type="hidden" name="action" id="action" value="save" />			

						<div class="cam_mainbox_header">
							<h3><a href="/client-<{$aryClient.cid}>.html"><{$aryClient.cunit}></a><span>：建立活動</span></h3>
							<div style="float:right;color:#FFF;margin: 10px 0;">
								<a href="/dashboard/client.html">主辦單位</a> | 
								<a href="/dashboard/index.html">管理活動</a>	
							</div>
						</div>
						<ul class="cam_mainbox_navi step1">
							<li> <a href="campaign.html?step=step1" class="current">Step 1.基本資料</a> </li>
							<li> <a href="campaign.html?step=step2">Step 2.活動流程</a> </li>
							<li> <a href="campaign.html?step=step3">Step 3.報名表格</a> </li>
							<li> <a href="campaign.html?step=step4">Step 4.頁面設計</a> </li>
							<li> <a href="campaign.html?step=step5">Step 5.活動獎項</a> </li>
						</ul>
						
						<div class="cam_mainbox_cont clear">
							
							<div class="frmfiled_bk">
								<label for="camCateId" class="frm-required"> 活動類型： </label><span class="camCateId error"></span>
								<div class="frmfields_elm">
									<select data-placeholder="選擇活動類型" name="camCateId" id="camCateId" class="chzn-select" style="width:250px;" tabindex="1">	
										<option value="">選擇活動類型</option>
										<{section name="cat1" loop=$aryCate}>
										<option value="<{$aryCate[cat1].camCateId}>"><{$aryCate[cat1].camCateName}></option>
										<{/section}>
									</select>
								</div>
							</div>

							<div class="frmfiled_bk">
								<label for="camTitle" class="frm-required"> 活動主題： </label><span class="camTitle error"></span>
								<div class="frmfields_elm">
									<input type="text" name="camTitle" id="camTitle" value="<{$aryData.camTitle}>" class="text medium" tabindex="2" />	
								</div>
							</div>
							
							<div class="frmfiled_bk">
								<label for="camLocId" class="frm-required"> 活動地區： </label>
								<div class="frmfields_elm">
									<select data-placeholder="不分區" name="camLocId" id="camLocId" class="chzn-select" style="width:250px;" tabindex="3">	
										<option value="0">不分區</option>
										<{section name="loc1" loop=$aryLoc}>
										<option value="<{$aryLoc[loc1].camLocId}>"><{$aryLoc[loc1].camLocName}></option>
										<{/section}>
									</select>
								</div>
							</div>
														
							<div class="frmfiled_bk">
								<label for="camIntro" class=""> 活動簡介： </label>
								<div class="frmfields_elm">
									<textarea name="camIntro" id="camIntro" style="height:200px;" tabindex="4"><{$aryData.camIntro}></textarea>
								</div>
							</div>		
							
							<div class="frmfiled_bk">
								<label for="camRules" class=""> 活動辦法： </label>
								<div class="frmfields_elm">
									<textarea name="camRules" id="camRules" style="height:200px;" tabindex="5"><{$aryData.camRules}></textarea>
								</div>
							</div>
							
							<div class="frmfiled_bk">
								<label for="camNotes" class=""> 注意事項： </label>
								<div class="frmfields_elm">
									<textarea name="camNotes" id="camNotes" style="height:200px;" tabindex="6"><{$aryData.camNotes}></textarea>
								</div>
							</div>																				
						</div>

												



						<div class="clear txt-center">
							<input type="submit" name="submit" id="nextBtn01" class="bg" value="">
						</div>
									

<div class="notification-container">
	<div class="notification-cont">
		<div class="notification-alert">
			<div>
				<h5> 請注意!! 在好康來了網刊登活動，請嚴格遵守 Facebook 辦活動的規範。</h5>
<p>你只能使用發燒網所提供的活動機制，發燒網設計的活動流程都有謹慎遵守 Facebook 的規範，請勿任意新增其他遊戲規則。請勿唆使網友在塗鴉牆上從事任何行為，包括在粉絲頁留言，在留言按讚，在某文章按讚，上傳圖片等，這些都是嚴格禁止的，且有可能造成粉絲頁被停權。如果你的活動有違反相關規則，為不影響其他的人權益，我們會直接刪除。
請參考相關 Facebook 規範。</p>
			</div>
		</div>
	</div>
</div>	
						
</form>
					</div>

					
			</div>
		</div>
		
	</div>
	
	<{include file="slide_left.html"}>
</div>